img {
    content: normal !important;
}
[v-cloak]{
    display: none;
}
@media(max-width:1200px) {
    .pc_main{
        display: none;
    }
    
}
@media(min-width:1200px) {
    .mobile_main{
        display: none;
    }
}
body {
    margin: 0;
    padding: 0;
    // overflow: hidden;
}

.mobile_main {
    width: 100%;
    min-height: 100vh;
    position: relative;

    .banner {
        width: 100vw;
        height: 1028px;
        &>img{
            width: 100%;
            height: 100%;
        }
        // background: url(./img/banner.jpg);
        // background-size: 100% 100%;
    }

    .des {
        color: #111111;
        font-size: 28px;
        margin: 8px auto 20px;
        letter-spacing: 2px;
        text-align: center;
    }

    .btn {
        margin: 0 auto;
        width: 680px;
        height: 92px;
        line-height: 92px;
        background: linear-gradient(0deg, #FC694C, #FC3E39);
        box-shadow: 0px 6px 14px 2px rgba(252, 62, 57, 0.5);
        border-radius: 46px;
        text-align: center;
        font-size: 32px;
        font-weight: 500;
        color: #FFFFFF;
        font-weight: bold;
    }

    .footer {
        font-size: 24px;
        font-weight: 400;
        color: #999999;
        margin: 20px auto 0;
        letter-spacing: 2px;
        text-align: center;
    }

    .wx_tips {
        width: 100vw;
        height: 100%;
        overflow: hidden;
        background-color: rgba(0, 0, 0, .7);
        position: absolute;
        top: 0;
        left: 0;
        z-index: 10001;
        // display: none;

        img {
            width: 600px;
            position: absolute;
            right: 20px;
            top: 20px;
        }
    }
}

.pc_main {
    width: 100%;
    height: 100%;
    position: relative;
    // overflow: hidden;
    background: linear-gradient(90deg, #D7DAFE, #D4E8FE);

    .content {
        width: 1200px;
        margin: 0 auto;

        .logo {
            width: 234PX;
            height: 68PX;
            margin-top: 90PX;
        }

        .con {
            display: flex;
            justify-content: space-between;

            .content-left {
                width: 293px;

                .tit {
                    width: 337PX;
                    height: 75PX;
                    margin-top: 69PX;
                }

                .des {
                    width: 550PX;
                    margin-top: 27PX;
                    font-size: 32PX;
                    letter-spacing: 3PX;
                }

                .bottom {
                    display: flex;
                    // justify-content: space-between;

                    .bottom-left {
                        display: flex;
                        flex-direction: column;
                        justify-content: space-between;
                        // .android{

                        // }
                        // .ios{
                            
                        // }
                        .android-logo{
                            width: 43px;
                            height: 42px;
                            margin-right: 14px;
                        }
                        .ios-logo{
                            width: 38px;
                            height: 45px;
                            margin-right: 14px;
                        }
                        >div{
                            width: 293px;
                            height: 80px;
                            cursor: pointer;
                            background: #333333;
                            font-size: 33px;
                            font-weight: bold;
                            border-radius: 8px;
                            display: flex;
                            justify-content: center;
                            align-items: center;
                            color: #FFFFFF;
                        }
                        >div:hover{
                            background: #DFE4E9;
                        }

                    }
                    .bottom-right {
                        margin-left: 43PX;
                    }
                }

                .tip {
                    font-size: 20PX;
                    font-weight: 400;
                    color: #666666;
                    margin:13px 0 0 0;
                }
            }

            .content-right {
                .good {
                    width: 446PX;
                }
            }
        }
    }
}